#components-layout-demo-custom-trigger .trigger {
  padding: 0 24px;
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 10px;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}
.layouta{
  height: 100vh;
}
.site-layout .site-layout-background {
  background: #fff;
  /* height: 100%; */
}

.header-a {
  display: flex;
  justify-content: space-between;
  /* align-self: flex-start; */
  flex-wrap: wrap;
}

.logo {
  color: #fff;
  font-weight: 600;
  line-height: 59px;
  height: 59px;
  font-size: 20px;
  text-align: center;
}

.setbox {
  width: 80px;
  display: flex;
  justify-content: space-between;
}

.imga {
  width: 30px;
  height: 30px;
}

.pages {
  width: 153px;
  color: white;
  text-align: center;
  cursor: pointer;
}

.select-search {
  width: 100%;
  height: 40px;
}

.planning {
  /* display: flex; */
}

.f-c-c {
  display: flex;
  flex-wrap: wrap;
}

.f-c-a {
  width: 50%;
}

.f-c-f {
  width: 100%;
  /* display: flex; */
}

.face {
  margin-left: 15px;
}

.faceb {
  width: 50px;
}

.table-a {
  width: 100%;
}